@import '@/common/style/flex.scss';
.index{
	@include flex-c;
	>.header{
		flex:  0 0 auto;

	}
	>.section{
		@include flex-c;
		background-image: linear-gradient(to right,#1985fc,#1763fc);
		.userInfo{
			padding: 40rpx;
			color: #fff;
			.usertList{
				@include flex-r-between-center;
				.uesrs{
					@include flex-r;
					.imgd{
						width: 120rpx;
						height: 120rpx;
						overflow: hidden;
						border: 1rpx solid red;
						border-radius: 50%;
					}
					.getInfos{
						padding: 5rpx 20rpx;
						@include flex-c-between-start;
					}
				}
			}
			.contacts{
				@include flex-r;
				margin-top: 40rpx;
				.contacts_number{
					margin-left: 10rpx;
					@include flex-c;
				}
				.contacts_Alarm-number{
					margin-left: 100rpx;
					@extend .contacts_number;
				}
			}
		}
		.gridList{
			border-top-left-radius: 30rpx;
			border-top-right-radius: 30rpx;
			background-color: #fff;
			padding: 40rpx 20rpx;
			.grid-item{
				@include flex-c-center-center;
				margin: 10rpx 0;
			}
		}
	}
}